<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="iconfont.css">
    <link rel="shortcut icon" href="../../../../favicon.ico" />
    <style type="text/css"></style>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <title>报修处理</title>
</head>
<body style="overflow: hidden;" >
    <script src="./index.js"></script>

    
    <div id="tocenter">
       <!-- 左侧导航栏 -->
       <div id="blue-line">
        <div id="title">
           <div id="main-logo" > <img src="../image/logo.png" alt=""></div>
            <span id="main-word">云淄</span>
        </div>
    <a href="../../../主页.html">  <ul id="min-box">
      <span id="left-img">&#xe691;</span>
        <span id="min-word">主页</span>
    </ul></a>
      <ul id="min-box-1" onclick="beopen4()">
        <span id="left-img">&#xe641;</span>
          <span id="min-word">管理</span>
          <span id="be-more-4">&#xe637;</span>
      </ul>
          <ul id="two-box-4">
            <a href="../../档案编辑/管理-档案编辑-主页/HTML/主页.html"><li id="two-word">档案编辑</li></a>
           <a href="../../管理审批/管理-审批-主页/HTML/主页.html"> <li id="two-word">管理审批</li></a>
            <a href="../../黑名单/管理-黑名单-主页/HTML/主页.html"><li id="two-word">黑名单</li></a>
      </ul>
      <ul id="min-box-2" onclick="beopen1()">
        <span id="left-img">&#xe7a4;</span>
          <span id="min-word">物品档案</span>
          <span id="be-more-0">&#xe637;</span>
      </ul>
            <ul id="two-box-0">
              <a href="../../物品档案/物品档案/物品档案.html"><li id="two-word">目录</li></a>
           <a href="../../物品档案/书籍简介/书籍简介.html"> <li id="two-word">查询</li></a>
   </ul>
      <ul id="min-box-3" onclick="beopen()" onfocus="tolook()">
        <span id="left-img">&#xe6f9;</span>
          <span id="min-word">物品交流</span>
          <span id="be-more-1">&#xe637;</span>
      </ul>
            <ul id="two-box-1">
                 <a href="../../物品交流/物品交流-预约/HTML/预约.html"><li id="two-word">预约</li></a>
                 <a href="../../物品交流/物品交流-借阅/HTML/借阅.html"><li id="two-word">借用</li></a>
                <a href="../../物品交流/物品交流-归还/HTML/归还.html"> <li id="two-word">归还</li></a>
            </ul>
             <!-- 修改部分(将id:be-more改成了be-more-3;min-box的盒子后加了onclick="beopen3()"，也可以直接把这部分粘贴过去替代原有内容) -->
        <ul id="min-box-4" onclick="beopen3()">
          <span id="left-img">&#xe613;</span>
                 <span id="min-word">统计分析</span>
                 <span id="be-more-3">&#xe637;</span>
         </ul>
            <!-- 修改部分 -->
         <!-- 添加部分 -->
             <ul id="two-box-3">
             <a href="../../统计分析/统计分析1/HTML/统计分析1.html"><li id="two-word">统计分析</li></a>
             <a href="../../统计分析/统计报表/统计报表.html"><li id="two-word">统计报表</li></a>
             </ul>
          <!-- 添加部分 -->
         <ul id="min-box-5" onclick="beopen0()">
          <span id="left-img">&#xe690;</span>
                 <span id="min-word">资产维修</span>
                 <span id="be-more-2">&#xe637;</span>
         </ul> 
             <ul id="two-box-2">
                 <a href="../维修申请/维修申请.html"><li id="two-word">维修申请</li></a>
                 <a href="../报修处理/报修处理.html"><li id="two-word">报修处理</li></a>
             </ul>
                <a href="./../../帮助/帮助.html">    <ul id="min-box-6">
                  <span id="left-img">&#xea02;</span>
                          <span id="min-word">帮助</span>
                 </ul></a>
         <a href="javascript:history.back(-1)"><img id="toback" src="../image/Log out.png" alt=""> </a>  
    </div>


            <div id="white-line">
               <!--搜索框 -->
               <div id="search">
                 <span>搜索 &nbsp;</span>
                 <input id="search-box" type="text" value="例如：书名" onclick="back()" onblur="back0()"> 
                  <button id="button-box" > <span id="search-button">&#xe825;</span></button>
               </div>            
               

            </div>
            <!-- 中间图标 -->
            <div id="blue">报修处理</div>
            <!-- 下方主要板块 -->
            <div id="main-block">
                <table style="border-left: none;border-right: none;">     
                        <thead>
                          <tr id="top-line">
                            <td id="mycord" colspan=3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;书籍编号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            <td id="progress" colspan=8>物品名称</td>
                            <td id="top-word" colspan=10>进度</td>
                            <td id="top-word"  colspan=6>申请人</td>
                            <td id="top-word"  colspan=6>申请日期</td>
                            <td id="top-word"  colspan=6>处理日期</td>
                            <td id="top-word"  colspan=6>处理人</td>
                        </tr>
                        </thead>
                      <tbody id="app">
                        <tr id="top-line-1" v-for="item in message" >
                          <td id="line-word-2"  colspan=3>{{item.ID}}</td>
                          <td id="line-word"  colspan=8 >{{item.articles}}</td>  
                          <td id="line-word"  colspan=10>{{item.progress}}已申请</td>
                          <!-- <td id="line-word" v-show="it.status=='0'"  colspan=12><img style="position: relative;left: -40px;" src="../image/3.png" alt=""></td>
                          <td id="line-word" v-show="it.status=='3'" colspan=12><img style="position: relative;left: -40px;" src="../image/2.png" alt=""></td>
                          <td id="line-word" v-show="it.status=='1'" colspan=12><img style="position: relative;left: -40px;" src="../image/组 1.png" alt=""></td>
                          <td id="line-word" v-show="it.status=='2'" colspan=12><img style="position: relative;left: -40px;" src="../image/组 5.png" alt=""></td> -->
                          <td id="line-word"  colspan=6>{{item.name}}</td>
                          <td id="line-word"  colspan=6>{{item.time}}</td>
                          <td id="line-word" colspan=6>{{item.examine_time}}</td>
                          <td id="line-word"  colspan=6>{{item.names}}云顶书院</td>
                      </tr>
                      </tbody>
                </table> 
            </div>
                                                                  <!-- 跳转到维修申请页面 -->
            <button id="add-more"><span id="add">&#xe503;</span> <a href="../维修申请/维修申请.html"> 添加更多</a></button>
              <script>
                var app=new Vue({
                  el:"#app",
                  data:{
                    token:"",
                    message:[ 
                    {ID:"",
                     articles:"",
                     progress:"",
                     name:"",
                      time:"",
                      examine_time:"",
                      names:""
                    }  
                     ]
                  },
                  created(){
          this.token=localStorage.getItem('token');
        },
                  mounted:function(){
                      this.loading();
                  },
                  methods:{
                       loading:function()
                              {               
                                var that=this;
                                 axios.get("http://39.101.197.26:8080/Borrow_war/ShowAllSearchController").then
                                (function(response) {
                                  console.log(response.data);
                                  that.message = response.data;
                                },function(err){
                                  console.log(err);

                                })
                              }
                  }
                })
              </script>

            </div>


   













             
    </div>       

</body>
</html>




